Ext.define('NIM.view.Report.main' ,{
    extend: 'Ext.tab.Panel',
    alias: 'widget.main_report',
    id: 'main_report',
    border: false,
    
width: 1 * screen.width,
    items :[
    {
         xtype : 'panel',
         title : 'KPI SUBMISSION',
         border: false, 
    },
    {
        xtype : 'panel',
        title : 'ASSET NE',
        border: false,
        dockedItems: [
        {
            xtype: 'toolbar',
            dock: 'top',
            border : false,
            items: [
                {
                    xtype: 'combobox',
                    fieldLabel: 'Recon'
                },
                {
                    xtype: 'button',
                    text: 'Apply'
                }
            ]
        }
    ],
        items: [
        {
            xtype: 'gridpanel',
            title: '',
            height : 540,
         
            columns: [
                {
                    xtype: 'gridcolumn',
                    dataIndex: 'string',
                    text: 'String'
                },
                {
                    xtype: 'numbercolumn',
                    dataIndex: 'number',
                    text: 'Number'
                },
                {
                    xtype: 'datecolumn',
                    dataIndex: 'date',
                    text: 'Date'
                },
                {
                    xtype: 'booleancolumn',
                    dataIndex: 'bool',
                    text: 'Boolean'
                }
            ],
        dockedItems: [
        {
            xtype: 'pagingtoolbar',
            dock: 'bottom',
            width: 360,
            displayInfo: true
        },
    ]
        }
    ]
        
        
                	 	
      
   },
   {
       xtype : 'panel',
       title : 'SITE COST'
  }
    
            
    
]
            


});